<template>
    <view v-if="video.params" class="video" :style="{paddingTop:video.style.paddingTop+'px',paddingBottom:video.style.paddingTop+'px'}">
		<video id="myVideo" :style="{height:video.style.height+'px'}" object-fit="contain" show-fullscreen-btn="false" :src="video.params.videoUrl" :poster="video.params.poster" :autoplay="video.params.autoplay === 0 ? false : true" controls></video>
    </view>
</template>

<script>
import { mapState } from 'vuex';
	export default {
		name:"my-video",
		data() {
			return {
				
			};
		},
		computed:{
			...mapState('home',['video']),
		},
	}
</script>

<style lang="scss" scoped>
	.video{
		width: 750rpx;
		#myVideo{
			width: 750rpx !important;
			.uni-video-container{
				width: 100%;
			}
		}
	}

</style>